<%@page language="java" contentType="text/html; charset=utf-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Lvniao</title>
	<link rel="stylesheet" href="${pageContext.request.contextPath}/statics/css/main.css"></link>
	<script src="${pageContext.request.contextPath}/statics/js/jquery-3.2.1.js"></script>
	<script>
		$(function(){
			
			$(".nav .item").mouseenter(function(){
				$(this).addClass("hover");
			}).mouseleave(function(){
				$(this).removeClass("hover");
			}).click(function(){
				var addr = $(this).attr("addr");
				window.location = addr;
			});
			$(".pageSection .item").mouseenter(function(){
				$(this).addClass("hover");
			}).mouseleave(function(){
				$(this).removeClass("hover");
			}).click(function(){
				$(".pageSection .item").removeClass("select");
				$(this).addClass("select");
			});
		});
	</script>
</head>
<body>
	<div class="section header navsection">
		<div class="content">
			<div class="navbar">
				<div class="nav">
					<ul>
						<li class="item" addr="${pageContext.request.contextPath}/home">首页</li>
						<li class="item" addr="${pageContext.request.contextPath}/articles">文章</li>
						<li class="item select" addr="${pageContext.request.contextPath}/home/contact">联系</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</body>
</html>